CSS flex Flex(2) (본 글은 1분코딩님의 참조하였습니다.) flex-basis ( 유연한 박스의 기본 영역 ) : Flex Item의 기본 크기를 설정합니다. (flex-direction이 row -> width column -> height) auto일 때는 content의 크기로 된다. 100px으로 설정하면, 100px이 안되면 100px이 되고, 넘으면 그대로 유지! width : 100px; 으로 하... CSS flexCSSFlexCSS [SeSAC DT 과정] HTML video, audio 태그 / CSS flex, filter 형식(audio태그도 동일) 1) flex 형식 상위요소 부모요소 flex container 하위요소 자식요소 flex item(float 동시 적용 x) flex-grow 확장, 팽창 flex-shrink 축소, 수축 auto(기본값) / px flex : grow shrink basis; (축약속성 but 쓰기 까다로우므로 각 속성 따로 써주는 게 나음) flex: none => 0 0 ... html - audiocss filterhtml - videoCSS flexCSS2021 SeSAC DT 과정TIL2021 SeSAC DT 과정
Flex(2) (본 글은 1분코딩님의 참조하였습니다.) flex-basis ( 유연한 박스의 기본 영역 ) : Flex Item의 기본 크기를 설정합니다. (flex-direction이 row -> width column -> height) auto일 때는 content의 크기로 된다. 100px으로 설정하면, 100px이 안되면 100px이 되고, 넘으면 그대로 유지! width : 100px; 으로 하... CSS flexCSSFlexCSS [SeSAC DT 과정] HTML video, audio 태그 / CSS flex, filter 형식(audio태그도 동일) 1) flex 형식 상위요소 부모요소 flex container 하위요소 자식요소 flex item(float 동시 적용 x) flex-grow 확장, 팽창 flex-shrink 축소, 수축 auto(기본값) / px flex : grow shrink basis; (축약속성 but 쓰기 까다로우므로 각 속성 따로 써주는 게 나음) flex: none => 0 0 ... html - audiocss filterhtml - videoCSS flexCSS2021 SeSAC DT 과정TIL2021 SeSAC DT 과정